$(function(){
	$('.freezeHidden').height($(window).innerHeight()-270);

	var hScroll=function(){
		//水平滚动条  start		
		$(".scrollcss").width($(".overH").width());
		$(".scrollcss").css("left","25%")
		var hr=$('.overH').width()*$('.overH').width()/$('.xscroll').width();
		// debugger;
		//每移动1px，内容区域变化		
		// var dis=$('.xscroll').width()/$('.tableframe').width();
		   var dis=$('.xscroll').width()/$('.overH').width();	
			$('.scrollBar').width(hr);
				var down=false;
				var barMove=false;
				var thewidth=0;
				var rwidth=$('.overH').width()-hr;
				var NewX;
				var LastX;				
				var mwidth;

	            if($('.xscroll').width()>$('.overH').width()){
	            	$('.scrollcss').width($('.overH').width());
	            	$('.scrollcss').css({'display':'block','margin':'5px 0 0 0'});
	            }
	            $('.scrollBar').bind('mousedown',function(e){
	            	// debugger;
	            	LastX=e.clientX;
	            	e.preventDefault();
	            	down=true;
	            	barMove=true;	            	
	            })
	            $(document).mousemove(function(e){
	            	e.preventDefault();
	            	NewX=e.clientX;	            	        		
	            	if(barMove){
	            		var mcs=NewX-LastX;
	            		LastX=NewX;	
	            		// if(Math.abs(mcs)>10){
		            		if (mcs < 0) {
				                if (thewidth - (-mcs) > 0) {
				                    thewidth = thewidth - (-mcs);
				                    mwidth=-(thewidth)*dis;		
				                    if(thewidth - (-mcs)<10){
				                    	mwidth=0;
				                    	thewidth=0;
				                    }
				                }
				            } else {			            	
				                if (thewidth + mcs < rwidth) {
				                    thewidth = thewidth + mcs;
				                    mwidth=-(thewidth)*dis
				                } else {
				                    thewidth = rwidth;
				                    mwidth=-($('.xscroll').width()-$('.overH').width());
				                }
				            }
	//			            console.log(mwidth);
				            $('.xscroll').animate({left: mwidth},0)
				            $('.scrollBar').animate({left: thewidth},0)
				           // $('.xscroll').css('left',mwidth);
				           // $('.scrollBar').css('left',thewidth); 
		            	// }
	            	}
	            	 // console.log(mcs);	            	
	            })
	            $(document).mouseup(function() {
			        if (barMove) {
			            barMove = false;
			            down = false;
			            NewX = 0;
       				}			        
		
   				 });
   				 //水平滚动条  end			 
   				
	}
	var vScroll=function(){
		 //垂直滚动条 start
   				 var vr=$('.freezeHidden').height()*$('.freezeHidden').height()/$('.yscroll').height();
   				 
   				 var NewY;
				 var LastY;
				 //每移动1px，内容区域变化
				 var vdis=$('.yscroll').height()/$('.freezeHidden').height();
				 $('.h-scr-b').height(vr);		 
				 
				
				var hdown=false;
				var hbarMove=false;
				var hthewidth=0;
				var hrwidth=$('.freezeHidden').height()-vr;		
				var hwidth;

	            if($('.yscroll').height()>$('.freezeHidden').height()){
	            	$('.yscroll').height($('.freezeHidden').height());
	            	$('.h-scr-b').css({'display':'block','margin':'5px auto 0px auto'});
	            }
	            $('.h-scr-b').mousedown(function(e){
	            	LastY=e.clientY;
	            	e.preventDefault();
	            	hdown=true;
	            	hbarMove=true;
	            	debugger; 
	            })
	            $(document).mousemove(function(e){
	            	e.preventDefault();
	            	NewY=e.clientY;	  
	            	       			
	            	if(hbarMove){
	            		var mcs=NewY-LastY;
	            		LastY=NewY;	
	            		// if(Math.abs(mcs)>5){
	            			if (mcs < 0) {
				                if (hthewidth - (-mcs) > 0) {
				                    hthewidth = hthewidth - (-mcs);
				                    hwidth=-(hthewidth)*vdis;
				                    if(hthewidth-(-mcs)<5){
				                    	hthewidth=0;
				                    	hwidth=0;
				                    }
				                }
				            } else {			            	
				                if (hthewidth + mcs < hrwidth) {
				                    hthewidth = hthewidth + mcs;
				                    hwidth=-(hthewidth)*vdis
				                } else {
				                    hthewidth = hrwidth;
				                    hwidth=-($('.yscroll').height()-$('.freezeHidden').height());
				                }
				            }
//					            console.log(thewidth);
					           $('.yscroll').animate({top:hwidth+1},0);
					           $('.h-scr-b').animate({top:hthewidth-5},0)
					           // $('.b-hid').css('top',hwidth+1);
					           // $('.h-scr-b').css('top',hthewidth+1); 
		            	// }		            		
	            	}	            	
	            	// console.log(mcs);	            	
	            })
	            $(document).mouseup(function() {
			        if (hbarMove) {
			            hbarMove = false;
			            hdown = false;
			            NewY = 0;
       				 }
   				});
   				 //垂直滚动条 end
	
	}
	hScroll();
	vScroll();

	/*鼠标移入整行变色*/
	$(".freezeHidden").on("mouseover",".tableFrameTr",function(e){
		e.stopPropagation();
		if(!$(this).hasClass('bgbce4ff') && !$(this).hasClass('bgacdeff') ){
			// debugger;
			$(this).addClass('tableTrHover');
			$(this).find(".linkTitle").addClass('color0099ff').addClass('t-underline');
		}
		if($(this).find(".check-down").length>0){
			$(this).removeClass('bgbce4ff').addClass('bgacdeff');

		}	
	})
	/*鼠标移出整行变色*/
	.on("mouseout",".tableFrameTr",function(e){
		e.stopPropagation();
		$(this).find(".linkTitle").removeClass('t-underline');
		if($(this).find(".check-down").length>0){
			$(this).removeClass("bgacdeff").addClass('bgbce4ff');			

		}else{
			$(this).removeClass('tableTrHover');
			
		}

		if(!$(this).hasClass('bgbce4ff') && $(this).find(".check-down").length==0){
			$(this).find(".linkTitle").removeClass('color0099ff')
		}
		
	})
	/*鼠标点击整行变色*/
	.on("click",".tableFrameTr",function(e){	
		e.stopPropagation();
		isout=false;	
		$(this).removeClass('tableTrHover');
		// $(this).toggleClass('bgbce4ff');
		if(!$(this).hasClass('bgbce4ff')){
			$(this).addClass('bgbce4ff');
			$(this).find(".linkTitle").addClass('color0099ff');
		}else{
			$(this).removeClass('bgbce4ff')
			if(!$(this).find('check-down').length>0){
				$(this).removeClass('bgbce4ff')
			}
				
		}
	})
	//查看虚拟机详情
	$(".linkTitle").on("click",function(){
		openRight("pages/v-manage-frame.html",".detail");
	})

	//虚拟机管理/回收站切换tab
	$(".titleManage").click(function(){
		$(".garbage").addClass('di-n');
		$(".manage").removeClass('di-n')
		$(".titleGarbage").removeClass('class name').removeClass('color0099ff').removeClass('title')
		$(this).addClass('color0099ff').addClass('title')
		$(".garbage").find(".check").removeClass("check-down");
		$(".garbage").find(".tableFrameTr").removeClass('bgbce4ff').removeClass('bgacdeff');
		$(".garbage").find(".linkTitle").removeClass('color0099ff');
		$(".garMore").animate({left:"-430px"},500,function(){
					$(".searchNav").removeClass('di-n');
				});

		})
	$(".titleGarbage").click(function(){
		$(".manage").addClass('di-n');
		$(".garbage").removeClass('di-n');
		$(".titleManage").removeClass('class name').removeClass('color0099ff').removeClass('title')
		$(this).addClass('color0099ff').addClass('title')
		$(".manage").find(".check").removeClass("check-down");
		$(".manage").find(".tableFrameTr").removeClass('bgbce4ff').removeClass('bgacdeff');
		$(".manage").find(".linkTitle").removeClass('color0099ff');
		$(".doMore").animate({left:"-430px"},500,function(){
					$(".searchNav").removeClass('di-n');
				});
	})


	var doMoreFunction=function(){
		// debugger;
		if($(".manage").find(".check-down").length>0){
			$(".searchNav").addClass('di-n');
			$(".doMore").animate({left:"15px"},500);
		}else{
			$(".doMore").animate({left:"-430px"},500,function(){
				if(parseInt($(".garMore").css("left"))==-430)
				$(".searchNav").removeClass('di-n');
			});
			
		}
	}

	var garbageFunction=function(){
		if($(".garbage").find(".check-down").length>0){
			$(".searchNav").addClass('di-n');
			
			$(".garMore").animate({left:"15px"},500);
		}else{
			$(".garMore").animate({left:"-430px"},500,function(){
				debugger;
				if(parseInt($(".doMore").css("left"))==-430)
					$(".searchNav").removeClass('di-n');
			});
		}
	}
	
	/*checkbox划过效果*/
	$(".tableFrameTr").on("mouseover",".check",function(){
		if(!$(this).hasClass('check-down')){
			$(this).removeClass('checkbox').addClass('check-active');

		}
		
	})
	/*checkbox移出效果*/
	.on("mouseout",".check",function(){
		$(this).removeClass('check-active').addClass('checkbox');
		
	})
	.on("click",".check",function(e){
		e.stopPropagation();
		if($(this).hasClass('check-down')){
			$(this).removeClass('check-down').addClass('checkbox');
			
			$(this).closest(".tableFrameTr").removeClass('bgbce4ff').removeClass('bgacdeff')
			$(this).closest(".tableFrameTr").find(".linkTitle").removeClass('color0099ff')
		}else{
			$(this).removeClass('check-active').removeClass('checkbox').addClass('check-down');
			if($(this).closest('.overHidden').length>0 || $(this).closest('.body').length>0){
				$(this).closest(".tableFrameTr").addClass('bgbce4ff').removeClass('tableTrHover');

			}
		
		}
		//更多操作
		doMoreFunction();
		garbageFunction();
	});
	var isout;
	/*鼠标移入整行变色*/
	$(".overHidden").on("mouseover",".tableFrameTr",function(e){
		e.stopPropagation();
		if(!$(this).hasClass('bgbce4ff') && !$(this).hasClass('bgacdeff') ){
			// debugger;
			$(this).addClass('tableTrHover');
			$(this).find(".linkTitle").addClass('color0099ff').addClass('t-underline');
		}
		if($(this).find(".check-down").length>0){
			$(this).removeClass('bgbce4ff').addClass('bgacdeff');

		}	
	})
	/*鼠标移出整行变色*/
	.on("mouseout",".tableFrameTr",function(e){

		if($(this).find(".check-down").length>0){
			$(this).removeClass("bgacdeff").addClass('bgbce4ff');
			$(this).find(".linkTitle").addClass('color0099ff')
		}else{
			$(this).removeClass('tableTrHover');
		}
		if(!$(this).hasClass('bgbce4ff') && $(this).find(".check-down").length==0){
			$(this).find(".linkTitle").removeClass('color0099ff')
		}
		$(this).find(".linkTitle").removeClass('t-underline')
	})
	/*鼠标点击整行变色*/
	.on("click",".tableFrameTr",function(e){	
		e.stopPropagation();
		isout=false;	
		$(this).removeClass('tableTrHover');
		// $(this).toggleClass('bgbce4ff');
		if(!$(this).hasClass('bgbce4ff')){
			$(this).addClass('bgbce4ff');
			$(this).find(".linkTitle").addClass('color0099ff');
		}else{
			;
			$(this).removeClass('bgbce4ff')
			if(!$(this).find('check-down').length>0){
				$(this).removeClass('bgbce4ff')
			}
			
		}
	})

	$(document).bind("click",function(){		
		if(!$(".tableFrameTr .check").hasClass('check-down') && isout){
			$(".tableFrameTr").removeClass('bgbce4ff');
			$(this).find(".linkTitle").removeClass('color0099ff').removeClass('t-underline');
		}
		isout=true;
		// alert();
		$(".sel").each(function(){

			if(!$(this).find("li:not(first-child)").hasClass('di-n')){
				$(this).find("li").not(".selectArrow").addClass('di-n');
				$(this).removeClass('border0099ff').removeClass('bo-shadow').addClass('bordere4edf0')
			}
		})
		
		
	});
	
	$(".delete-btn").click(function(){
		confirmshow("你确定要彻底删除该虚拟机吗?");
	})

	$(".btn",window.parent.document).on("click",".pass",function(){
		confirmHide();
	})
	.on("click",".cancel",function(){
		confirmHide();
	})

	$(".editData").on("click",function(){
		
		openRight("pages/v-manage-frame.html",".editD");
	})

	//弹出框交互 editD
	$(".editD .left").height($(window).height()-45);
	$(".editD .right").height($(window).height()-45);
	$(".editD").on("mouseenter",".left li",function(){
		$(this).addClass('bge4f5ff');
		var plus="<div class='f-r bgst plus icon'></div>";
		$(this).append(plus);
	})
	.on("mouseleave",".left li",function(e){
		e.stopPropagation();
		$(this).removeClass('bge4f5ff')
		$(".plus").remove();
	})
	.on("click",".left .plus",function(e){   //移出到显示字段
		e.stopPropagation();
		var add="<li>"+$(this).parent().text()+"</li>";
		$(this).parent().remove();
		$("ul").eq(1).append($(add));
		
	})
	.on("mouseenter",".right li",function(){
		if(!$(this).hasClass('bgbce4ff')){
			$(this).addClass('bge4f5ff');
		}			
		var sub="<div class='f-r bgst sub icon subs'></div>"
		$(this).append(sub);
	})	
	.on("mouseleave",".right li",function(){
		$(this).removeClass('bge4f5ff');
		$(".sub").remove();
	})
	.on("click",".radio",function(){
		$(".radio").parent().removeClass('bgbce4ff').removeClass('bge4f5ff');
		$(this).parent().addClass('bgbce4ff');
	})
	.on("click",".sub",function(){
		var sub="<li class='pl-40'>"+$(this).parent().text();+"</li>"
		$("ul").eq(0).append(sub);
		$(this).parent().remove();
	})

	.on("mouseenter",".dataMove",function(){
		$(this).css("border","1px solid #0099ff")
	})
	.on("mouseleave",".dataMove",function(){
		$(this).removeAttr('style');
	})
	.on("click",".pm-active",function(){
		// debugger;
		var id=$(".radio-act").parent().index();
		var prev=$(".radio-act").parent().prev();
		if(id!=0){
			prev.before($(".radio-act").parent());
		}		
	})
	.on("click",".pm",function(){
		var id=$(".radio-act").parent().index();
		var next=$(".radio-act").parent().next();
		if(id<=$(".right li").length-1){
			next.after($(".radio-act").parent());
		}
	})


	//查看详情弹出层交互
	$(".detail").on("click",".head div",function(){
		$(".head div").removeClass('title').removeClass('color0099ff');
		$(this).addClass('title').addClass('color0099ff');
		$(".detail .body>div").addClass('di-n')
		$(".detail .body>div").eq($(this).index()).removeClass('di-n')

	})


	//创建快照交互
	$(".login").on("click",function(e){
		e.stopPropagation();
		openRight("pages/v-manage-frame.html",".cMirror");
	})
})
